<template>
    <div>
        <h2>这是Myfather组件</h2>
        <!-- 通过props实现父组件给子组件传递数据 -->
        <!-- 通过自定义属性传递数据 -->
        <MySon :uname="uname" :uage="age"></MySon>
        <!-- 子组件向父组件传递数据 -->
		<MySon @hobby="fn"></MySon>
        <h3>接收子组件的值：{{msg}}</h3>
        <MySon :hobby.sync="hobby"></MySon>
        <h3>接收子组件的值:{{hobby}}</h3>
    </div>
</template>
<script>
	// 导入Myson这个组件
	import MySon from "./MySon.vue"
    export default {
        components:{
            MySon
        },
        data () {
            return {
                age:22,
                uname: '赵梦媛' ,
                msg:'',
                hobby:""
            }
        },
        methods:{
            fn(v){
                this.msg = v
            }
        }
    }
</script>
<style>
	#father{
		border: 2px red solid;
	}
</style>